<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta http-equiv="X-UA-Compatible" content="ie=edge">
		<title>淄博金融超市APP安卓下载</title>
	</head>
	<style>
		* {
			margin: 0;
			padding: 0;
			box-sizing: border-box;
		}
	</style>

	<body>
		<div style="display: none;width:100%;height: 100%;background: rgba(0,0,0,0.85);position: fixed;top:0;z-index: 3;" id="WXShadow">
			<!-- <img src="./img/arrow.png" style="position: fixed;top: 4rem;right: 5.5rem;width:25%;"> -->
			<div style="font-size: 20px;color: #FFFFFF;position: fixed;top:17rem;width: 100%;text-align: center;">
				点击右上角,在"浏览器中打开"就可以下载此应用啦
			</div>
		</div>
	</body>
	<script>
		//移动端的浏览器版本都比较高，可以监听DOMContentLoaded，而不是load，load会相对慢一点点，具体按事件使用情况而定。
		document.addEventListener("DOMContentLoaded", function() {
			var USER_Agent = navigator.userAgent;
			var MOBILE_IOS = /(iPhone|iPad|iPod|iOS)/i;
			var MOBILE_Android = /(Android)/i;
			var WX = /(micromessenger)/i;
			console.log(USER_Agent)
			console.log(MOBILE_IOS)
			console.log(MOBILE_Android)
			console.log(WX)
			if (WX.test(USER_Agent)) {
				document.getElementById("WXShadow").style.display = "block";
				//如果在微信中打开则只显示一个提示用户的罩层
				return;
			}
			// 如果没有唤起app则3秒后会跳转到下载地址，反之则不会跳转到下载地址。
			setTimeout(function() {
				// window.location.href = "https://www.yyjrcs.cn/zxw/index/app/jrcs.apk"; //下载地址
				window.location.href = "http://app.mi.com/details?id=uni.UNI8579181&ref=search"; //下载地址
			}, 1000);
		});
	</script>

</html>
